<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>发码列表</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/css/style.min.css">
    <link rel="stylesheet" href="/js/bootstrap-table/bootstrap-table-1.18.3.min.css">
    <!--固定table列-->
    <link rel="stylesheet" href="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css">
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
    <!-- 多选下拉 -->
    <link rel="stylesheet" href="/css/bootstrap-select.css">
    <link rel="stylesheet" href="/css/skin.css">
    <style>
        body {
            overflow: hidden;
        }
        .card .tab-content {
            position: relative;
            padding: 24px;
        }
        .card .min-search button.btn {
            height: 36px;
            margin-left: 12px;
            line-height: 18px;
            float: left;
        }
        .container-fluid > .card {
            position: relative;
        }
        .card .filter-content {
            position: absolute;
            top: 70px;
            right: 24px;
            z-index: 1000;
            width: 780px;
            padding: 0 24px;
            border: none;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: rgba(0, 0, 0, .16) 0 10px 30px;
        }

        .card .filter-content > .row {
            padding: 24px 6px 20px;
        }

        .table {
            white-space: nowrap;
        }

        .table .lyear-checkbox,
        .table .lyear-radio {
            padding: 0 0 0 18px;
        }

        .table .lyear-checkbox span::after,
        .table .lyear-radio span::after {
            border-color: #6b7cff;
        }

        .fixed-table-container:before {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            display: block;
            height: 1px;
            background-color: #dee2e6;
            content: "";
        }

        .fixed-table-container:after {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            display: block;
            width: 1px;
            background-color: #dee2e6;
            content: "";
        }

        .bootstrap-table .fixed-table-container .table tbody tr.selected td {
            background-color: rgba(0, 0, 0, .03);
        }
        .bootstrap-table .fixed-table-container .fixed-table-body {
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="card m-b-0">
        <input type="hidden" id="hrefType" name="hrefType" value="" autocomplete="off">
        <ul class="nav nav-tabs tabs-lg" role="tablist">
            <li class="active" onclick="memberCard();"><a href="#memberCard" role="tab" data-toggle="tab">会员卡</a></li>
            <li class="" onclick="taxLaw();"><a href="#taxLaw" role="tab" data-toggle="tab">税法直通车</a></li>
            <li class="" onclick="exchangeCode();"><a href="#exchangeCode" role="tab" data-toggle="tab">兑换码</a></li>
            <li class="" onclick="adviserCard();"><a href="#adviserCard" role="tab" data-toggle="tab">云顾问卡</a></li>
            <li class="" onclick="rechargeableCard();"><a href="#rechargeableCard" role="tab" data-toggle="tab">充值卡</a></li>
            <li class="" onclick="coupon();"><a href="#coupon" role="tab" data-toggle="tab">优惠券</a></li>
        </ul>
        <div class="tab-content">
            <div class="collapse filter-content" id="filterContentNew">
                <div class="row">
                    <div class="form-group col-xs-4">
                        <label for="orderNumber">卡号或者兑换码</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入卡号或者兑换码" id="number" name="number">
                        </div>
                    </div>
                    <div class="form-group col-xs-4">
                        <label for="customerName">订单编号</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入订单编号" id="orderNumber" name="orderNumber">
                        </div>
                    </div>
                    <div class="form-group col-xs-4">
                        <label for="productName">合同编号</label>
                        <div>
                            <input class="form-control" type="text" placeholder="请输入合同编号" id="contractNumber" name="contractNumber">
                        </div>
                    </div>
                    <div class="form-group col-xs-4">
                        <label for="arriveTimeStart">到款时间</label>
                        <div>
                            <div class="input-group">
                                <input class="form-control search-time" type="text" placeholder="起" id="orderCompleteStartTm" name="orderCompleteStartTm">
                                <span class="input-group-addon">-</span>
                                <input class="form-control search-time" type="text" placeholder="止" id="orderCompleteEndTm" name="orderCompleteEndTm">
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-4">
                        <label for="arriveTimeStart">发码时间</label>
                        <div>
                            <div class="input-group">
                                <input class="form-control search-time" type="text" placeholder="起" id="createStartTm" name="createStartTm">
                                <span class="input-group-addon">-</span>
                                <input class="form-control search-time" type="text" placeholder="止" id="createEndTm" name="createEndTm">
                            </div>
                        </div>
                    </div>
                    <div class="form-group col-xs-12">
                        <label class="hidden-sm hidden-xs">&nbsp;</label>
                        <div class="text-right">
                            <button class="btn btn-link" id="searchReset">重置</button>
                            <button class="btn btn-primary" type="button" onclick="searchTable()"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 会员卡 -->
            <div role="tabpanel" id="memberCard" class="tab-pane active">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入订单编号" id="memberCardSearchValue" name="memberCardSearchValue">
                                <button class="btn btn-primary" type="button" onclick="memberCard();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="memberCardTable"></table>
            </div>
            <!-- 税法直通车 -->
            <div role="tabpanel" id="taxLaw" class="tab-pane">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入订单编号" id="taxLawSearchValue" name="taxLawSearchValue">
                                <button class="btn btn-primary" type="button" onclick="taxLaw();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="taxLawTable"></table>
            </div>
            <!-- 兑换码 -->
            <div role="tabpanel" id="exchangeCode" class="tab-pane">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入兑换码" id="exchangeCodeSearchValue" name="exchangeCodeSearchValue">
                                <button class="btn btn-primary" type="button" onclick="exchangeCode();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="exchangeCodeTable"></table>
            </div>
            <!-- 云顾问卡 -->
            <div role="tabpanel" id="adviserCard" class="tab-pane">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入云顾问卡号" id="adviserCardSearchValue" name="adviserCardSearchValue">
                                <button class="btn btn-primary" type="button" onclick="adviserCard();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="adviserCardTable"></table>
            </div>
            <!-- 充值卡 -->
            <div role="tabpanel" id="rechargeableCard" class="tab-pane">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入充值卡卡号" id="rechargeableCardSearchValue" name="rechargeableCardSearchValue">
                                <button class="btn btn-primary" type="button" onclick="rechargeableCard();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="rechargeableCardTable"></table>
            </div>
            <!-- 优惠券 -->
            <div role="tabpanel" id="coupon" class="tab-pane">
                <div class="row content-action">
                    <div class="col-xs-12">
                        <div class="pull-right">
                            <div class="min-search pull-left">
                                <input class="form-control" type="text" placeholder="请输入优惠劵码" id="couponSearchValue" name="couponSearchValue">
                                <button class="btn btn-primary" type="button" onclick="coupon();"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            </div>
                            <button class="btn btn-default btn-label btn-senior" data-toggle="collapse" data-target="#filterContentNew" aria-expanded="false" aria-controls="filterContent">
                                <label><i class="mdi mdi-filter-outline"></i></label>高级筛选
                            </button>
                        </div>
                    </div>
                </div>
                <table id="couponTable"></table>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min-1.18.3.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!--table固定列-->
<script type="text/javascript" src="/js/bootstrap-table/extensions/fixed-columns/bootstrap-table-fixed-columns-1.18.3.js"></script>
<!-- 拖动 -->
<script src="/js/bootstrap-table/extensions/resizable/bootstrap-table-resizable.min.js"></script>
<script src="/js/crm/common/colResizable-1.6.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 多选框下拉 -->
<script type="text/javascript" src="/js/bootstrap-multiselect.js"></script>
<script type="text/javascript" src="/js/bootstrap-select.js"></script>
<!--公共js-->
<script src="/js/crm/common/common.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<script src="/js/crm/systemManager/sendCode.js"></script>
</html>